<template>
	<view>
		<view class="search-box">
			<view class="cu-bar search">
				<view class="search-form bg-white">
					<text class="cuIcon-search"></text>
					<input class="inp-sty" @focus="InputFocus" @blur="InputBlur" :adjust-position="false" type="text" placeholder="请输入企业名或岗位名称" confirm-type="search"></input>
				</view>
				<view class="action">
					<button class="cu-btn set-btn">搜索</button>
				</view>
			</view>
		</view>
		<view>
			<recommendPostItems :postArray="postArray"></recommendPostItems>
		</view>
	</view>
</template>

<script>
	import recommendPostItems from '../../components/item/recommend-post-items'
	export default{
		data(){
			return{
				postArray:[
					{
						type:1,
						title:"招聘保安",
						money:"100-150/天",
						company:"投道集团",
						text:["青岛","30-35岁"],
						address:"黄岛光谷软件园"
					},{
						type:1,
						title:"招聘保安",
						money:"100-150/天",
						company:"投道集团",
						text:["青岛","30-35岁"],
						address:"黄岛光谷软件园"
					},{
						type:2,
						title:"招聘特殊",
						money:"100-150/天",
						company:"投道集团",
						text:["青岛","30-35岁"],
						address:"黄岛光谷软件园"
					},{
						type:2,
						title:"招聘特殊",
						money:"100-150/天",
						company:"投道集团",
						text:["青岛","30-35岁"],
						address:"黄岛光谷软件园"
					}
				]
			}
		},
		components:{
			recommendPostItems
		},
		methods: {
			InputFocus(e) {
				this.InputBottom = e.detail.height
			},
			InputBlur(e) {
				this.InputBottom = 0
			}
		},
	}
</script>

<style scoped lang="stylus">
	.search-box{
		height:100upx;
		.inp-sty{
			height:60upx;
			background:#fff;
		}
		.set-btn{
			font-size:30upx;
			color:#333;
		}
	}
</style>
